/* 样式验证码输入框的外部容器 */
.verify {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* 样式验证码输入框 */
.verify input[type="text"] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    flex: 1;
    font-size: 16px;
}

/* 样式验证码图片容器 */
.verify span {
    margin-left: 10px;
    cursor: pointer;
}

/* 样式验证码图片 */
.verify img {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100px; /* 调整宽度以适应你的设计需求 */
    height: 36px; /* 调整高度以适应你的设计需求 */
}

/* 样式注册表单的外部容器 */
#registerModal .modal-content {
    border-radius: 10px;
}

/* 样式注册表单的标题 */
#registerModal .modal-title {
    font-size: 24px;
    color: #333;
}

/* 样式注册表单中的输入字段 */
#registerModal input[type="email"],
#registerModal input[type="text"],
#registerModal input[type="password"],
#registerModal input[type="date"]{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

/* 样式注册表单的按钮 */
#registerModal .modal-footer .btn-success {
    background-color: #28a745;
    color: #fff;
    border: none;
}

/* 样式注册表单的取消按钮 */
#registerModal .modal-footer .btn-danger {
    background-color: #dc3545;
    color: #fff;
    border: none;
}

/* 样式注册表单的错误消息 */
#registerModal .error-message {
    color: #dc3545;
    font-size: 14px;
    margin-top: 10px;
}

/* 样式注册表单的发送邮箱验证码按钮 */
#registerModal .send-email-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

/* 样式注册表单的发送邮箱验证码按钮的倒计时显示 */
#registerModal .countdown {
    font-size: 14px;
    margin-top: 5px;
}

/* 样式注册表单的成功消息 */
#registerModal .success-message {
    color: #28a745;
    font-size: 14px;
    margin-top: 10px;
}

/* 样式注册表单的提示文本 */
#registerModal .hint-text {
    font-size: 14px;
    margin-top: 5px;
}
/* 样式性别选择的容器 */
.form-group.gender {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* 样式性别选择标签 */
.form-group.gender label {
    margin-right: 10px;
    font-size: 16px;
    color: #333;
}

/* 样式性别选择的单选按钮 */
.form-group.gender input[type="radio"] {
    margin-right: 5px;
}

/* 样式性别选择的文本 */
.form-group.gender span {
    font-size: 16px;
    color: #333;
}
